<template>
	<div class="wraper" :class="{padTop:isIphoneX,iphone:isIphone}">
		<div class="line"></div>
		<div class="nav-bar">
			<div class="arrow" @click="goBack"></div>
			<!-- Deepcoin超级合伙人 -->
			<div class="center">{{$t('apply-key1')}}</div>
			<div class="right"></div>
		</div>
		<div class="content">
			<div class="be-come">
				<div class="img">
					<img v-if="locale==='zh'" src="https://n-bkt.deepcoin.me/1610500724244" alt="">
					<img v-if="locale==='en'" src="https://n-bkt.deepcoin.me/1610500744587" alt="">
					<img v-if="locale==='ja'" src="https://n-bkt.deepcoin.me/1610500762306" alt="">
				</div>
				<!-- 立即升级为超级合伙人 -->
				<div class="btn" @click="goApply">{{$t('apply-key2')}}</div>
				<ul>
					<li>
						<!-- 累计返佣 -->
						<h1>200<span>+BTC</span></h1>
						<p>{{$t('apply-key3')}}</p>
					</li>
					<div class="line-right"></div>
					<li>
						<!-- 优质合伙人 -->
						<h1>800<span>+{{$t('apply-key6')}}</span></h1>
						<p>{{$t('apply-key4')}}</p>
					</li>
					<div class="line-right"></div>
					<li>
						<h1>20<span>+{{$t('apply-key7')}}</span></h1>
						<p>{{$t('apply-key5')}}</p>
					</li>
				</ul>
			</div>
			<div class="choice">
				<!-- 选择Deepcoin，安全、可靠 -->
				<h1>{{$t('apply-key8')}}</h1>
				<ul>
					<li>
						<div class="img">
							<img src="https://n-bkt.deepcoin.me/1610500784276" alt="">
						</div>
						<!-- 1对1大客户服务 -->
						<h2>{{$t('apply-key9')}}</h2>
						<!-- 24小时服务，活动消息最先知晓 -->
						<p>{{$t('apply-key10')}}</p>
					</li>
					<li>
						<div class="img">
							<img src="https://n-bkt.deepcoin.me/1610500800030" alt="">
						</div>
						<!-- 行业领先返佣体系 -->
						<h2>{{$t('apply-key11')}}</h2>
						<!-- 享受最大化的影响力变现 -->
						<p>{{$t('apply-key12')}}</p>
					</li>
				</ul>
				<ul>
					<li>
						<div class="img">
							<img src="https://n-bkt.deepcoin.me/1610500813961" alt="">
						</div>
						<!-- 实时返佣 -->
						<h2>{{$t('apply-key13')}}</h2>
						<p>{{$t('apply-key14')}}</p>
					</li>
					<li>
						<div class="img">
							<img src="https://n-bkt.deepcoin.me/1610500828701" alt="">
						</div>
						<!-- 市场资源专项支持 -->
						<h2>{{$t('apply-key15')}}</h2>
						<p>{{$t('apply-key16')}}</p>
					</li>
				</ul>
				<ul>
					<li style="width:100%;">
						<div class="img">
							<img src="https://n-bkt.deepcoin.me/1610500845524" alt="">
						</div>
						<!-- 移动、网页端独立后台 -->
						<h2>{{$t('apply-key17')}}</h2>
						<p>{{$t('apply-key18')}}</p>
					</li>
				</ul>
			</div>
			<div class="advantage">
				<!-- Deepcoin的优势 -->
				<h1>{{$t('apply-key19')}}</h1>
				<!-- 超级合伙人 -->
				<p class="title1">{{$t('apply-key69')}}</p>
				<!-- 普通合伙人 -->
				<p class="title2">{{$t('apply-key70')}}</p>
				<!-- 其他平台 -->
				<p class="title3">{{$t('apply-key71')}}</p>
				<div class="table-list" :class="{ja:locale==='ja'}">
                    <ul class="list list1">
                        <li style="text-align:center;padding-top:0.55rem;">{{$t('partnerApplyIndex20')}}</li>
                        <li>{{$t('partnerApplyIndex21')}}</li>
                        <li>{{$t('partnerApplyIndex22')}}</li>
                        <li>{{$t('partnerApplyIndex23')}}</li>
                        <li>{{$t('partnerApplyIndex24')}}</li>
                        <li>{{$t('partnerApplyIndex25')}}</li>
                        <li>{{$t('partnerApplyIndex26')}}</li>
                    </ul>
                    <ul class="list list2">
                        <li v-if="locale=='ja'" :class="{ja:locale=='ja'}">
                            <div>
                            <div class="img"><img src="https://n-bkt.deepcoin.me/1610500947011"></div>
                            <p class="t">{{$t('partnerApplyIndex277')}}</p>
                            </div>
                        </li>
                        <li v-else>
                        	<div class="img"><img src="https://n-bkt.deepcoin.me/1610500947011"></div>
                        {{$t('partnerApplyIndex27')}}</li>
                        <li>{{$t('partnerApplyIndex28')}}</li>
                        <li>{{$t('partnerApplyIndex29')}}</li>
                        <li>{{$t('partnerApplyIndex30')}}</li>
                        <li>{{$t('partnerApplyIndex300')}}</li>
                        <li>{{$t('partnerApplyIndex31')}}</li>
                        <li v-if="locale=='en'">
                            <p>{{$t('partnerApplyIndex322')}}</p>
                            <p>{{$t('partnerApplyIndex3222')}}</p>
                        </li>
                        <li v-if="locale=='ja'">
                            <p>{{$t('partnerApplyIndex32')}}</p>
                            <p>{{$t('partnerApplyIndex3222')}}</p>
                        </li>
                        <li v-if="locale=='zh'">{{$t('partnerApplyIndex32')}}</li>
                    </ul>
                    <ul class="list list3">
                        <li v-if="locale=='ja'" :class="{ja:locale=='ja'}">
                            <div>
                            <div class="img"><img src="https://n-bkt.deepcoin.me/1610500972003"></div>
                            <p class="t">{{$t('partnerApplyIndex33')}}</p>
                            <p class="t">{{$t('partnerApplyIndex333')}}</p>
                            </div>
                        </li>
                        <li v-else><div class="img"><img src="https://n-bkt.deepcoin.me/1610500972003"></div>{{$t('partnerApplyIndex33')}}</li>
                        <li v-if="locale=='zh'">
                        	<p>{{$t('partnerApplyIndex34')}}</p>
                        	<p>{{$t('partnerApplyIndex344')}}</p>
                        </li>
                        <li v-else>{{$t('partnerApplyIndex34')}}</li>
                        <li>{{$t('partnerApplyIndex35')}}</li>
                        <li v-if="locale==='en'" style="padding-left:10px;padding-right:10px;padding-top:0.12rem;">{{$t('partnerApplyIndex36')}}</li>
                        <li v-else>{{$t('partnerApplyIndex36')}}</li>
                        <li>{{$t('partnerApplyIndex366')}}</li>
                        <li>———</li>
                        <li>———</li>
                    </ul>
                    <ul class="list list4">
                        <li>
                        	<div class="img"><img src="https://n-bkt.deepcoin.me/1610500997404"></div>
                        	<p style="padding-top:0.2rem;">{{$t('partnerApplyIndex37')}}</p>
                        </li>
                        <li>{{$t('partnerApplyIndex38')}}</li>
                        <li>{{$t('partnerApplyIndex39')}}</li>
                        <li>{{$t('partnerApplyIndex40')}}</li>
                        <li>{{$t('partnerApplyIndex41')}}</li>
                        <li>———</li>
                        <li>———</li>
                    </ul>
                </div>
			</div>
			<!-- 返佣概览 -->
			<div class="be-back">
				<h1>{{$t('apply-key20')}}</h1>
				<h2 style="margin-bottom:0.3rem;"><span>{{$t('apply-key21')}}</span></h2>
				<ul v-if="locale==='zh'">
					<li>
						<div class="dot">
							<div class="img"><img src="https://n-bkt.deepcoin.me/1610501015384"></div>
							<p class="desc">{{$t('apply-key22')}}</p>
						</div>
						<p>{{$t('apply-key23')}}</p>
						<p>{{$t('apply-key24')}}</p>		
					</li>
					<li class="line-arrow"></li>
					<li class="arrow-down">
						<div class="dot">
							<div class="img"><img src="https://n-bkt.deepcoin.me/1610501027825"></div>
							<p class="desc">{{$t('apply-key25')}}</p>
						</div>
						<p style="margin-top:0.4rem;">{{$t('apply-key26')}}</p>		
					</li>
				</ul>
				<ul style="margin-top:0.22rem;" v-if="locale==='zh'">
					<li>
						<div class="dot" style="background-color:#2A6AB0">
							<div class="img"><img src="https://n-bkt.deepcoin.me/1610501042344"></div>
							<p class="desc">{{$t('apply-key27')}}</p>
						</div>
						<p>{{$t('apply-key28')}}</p>		
					</li>
					<li class="line-arrow arrow2"></li>
					<li>
						<div class="dot">
							<div class="img"><img src="https://n-bkt.deepcoin.me/1610501056448"></div>
							<p class="desc">{{$t('apply-key29')}}</p>
						</div>
						<p>{{$t('apply-key30')}}</p>		
					</li>
				</ul>

				<div class="people" v-if="locale!='zh'">
					<div class="title">{{$t('apply-key72')}}</div>
					<div class="list">
						<li class="icon">
							<p><img src="../../static/images/people.png" alt=""></p>
							<p><img src="../../static/images/people.png" alt=""></p>
							<p><img src="../../static/images/people.png" alt=""></p>
						</li>
						<li class="arrow" style="transform:rotateY(-180deg)">
							<img src="../../static/images/people-arrow.png" alt="">
						</li>
						<li class="circle">
							<p>{{$t('apply-key73')}}</p>
							<p>2{{$t('apply-key74')}}</p>
						</li>
					</div>
				</div>
				<div class="people-add" v-if="locale!='zh'">+</div>
				<div class="people" v-if="locale!='zh'">
					<div class="title">{{$t('apply-key75')}}</div>
					<div class="list">
						<li class="circle">
							<p>{{$t('apply-key73')}}</p>
							<p>8{{$t('apply-key74')}}</p>
						</li>
						<li class="arrow">
							<img src="../../static/images/people-arrow.png" alt="">
						</li>
						<li class="icon">
							<p><img src="../../static/images/people.png" alt=""></p>
							<p><img src="../../static/images/people.png" alt=""></p>
							<p><img src="../../static/images/people.png" alt=""></p>
						</li>
					</div>
				</div>

				<h2 style="margin-top:1rem;"><span>{{$t('apply-key31')}}</span></h2>
				<ul>
					<li>
						<div class="dot">
							<div class="img"><img src="https://n-bkt.deepcoin.me/1610501108361"></div>
							<p class="desc">{{$t('apply-key32')}}</p>
						</div>
						<p>{{$t('apply-key33')}}</p>
						<p>{{$t('apply-key34')}}</p>		
					</li>
					<li class="line-arrow"></li>
					<li class="arrow-down">
						<div class="dot">
							<div class="img"><img src="https://n-bkt.deepcoin.me/1610501120279"></div>
							<p class="desc">{{$t('apply-key35')}}</p>
						</div>
						<p>{{$t('apply-key36')}}</p>
						<p>{{$t('apply-key37')}}</p>
					</li>
				</ul>
				<ul style="margin-top:0.22rem;">
					<li>
						<div class="dot" style="background-color:#2A6AB0">
							<div class="img"><img src="https://n-bkt.deepcoin.me/1610501134529"></div>
							<p class="desc">{{$t('apply-key38')}}</p>
						</div>
						<p>{{$t('apply-key39')}}</p>		
					</li>
					<li class="line-arrow arrow2"></li>
					<li>
						<div class="dot">
							<div class="img"><img src="https://n-bkt.deepcoin.me/1610501311058"></div>
							<p class="desc">{{$t('apply-key40')}}</p>
						</div>
						<p>{{$t('apply-key41')}}</p>		
					</li>
				</ul>
			</div>
			<div class="contract">
				<h1>{{$t('apply-key42')}}</h1>
				<p>affiliates@deepcoin.com</p>
				<div class="copyright">{{$t('apply-key43')}}</div>
			</div>
		</div>
	</div>
</template>
<script src="./besuper.js"></script>
<style scoped lang="scss">
	@import './besuper.scss';
</style>